<template>
  <div class="grid-row">
    <AAlert dismissible>
      <span>Fruitcake I love liquorice apple pie croissant.</span>
    </AAlert>

    <AAlert
      dismissible
      variant="fill"
      append-icon="i-bx-block"
    >
      <span>Fruitcake I love liquorice apple pie croissant.</span>
    </AAlert>

    <AAlert
      dismissible
      variant="outline"
      append-icon="i-bx-x-circle"
    >
      <span>Fruitcake I love liquorice apple pie croissant.</span>
    </AAlert>
  </div>
</template>
